<template>
	<view>
		<u-popup :show="show" round="24rpx" mode="center" :safeAreaInsetBottom="false">
			<view class="contentBox">
				<image class="popup-close" src="../static/common/icon_close.png" @click="$emit('close')" />
				<view class="popup-title">请阅读并同意以下条款</view>
				<view style="font-size: 34rpx;color: #606060;text-align: center;"> 我已阅读并同意缘分<span
						style="color: #F169F6;"
						@click="$Tips('/pages/richText/richText?biaoshi=user_agreement')">《用户协议》</span> 和 <span
						style="color: #F169F6;"
						@click="$Tips('/pages/richText/richText?biaoshi=privacy_policy')">《隐私政策》</span> 以及 <span
						style="color: #F169F6;"
						@click="$Tips('/pages/richText/richText?biaoshi=service_term')">《中国移动认证服务条款》</span>
				</view>
				<view style="display: flex;align-items: center;margin-top: 65rpx;">
					<view class="button1" @click.stop="goLogin">同意并继续</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	export default {
		name: "WeChatPopup1",
		data() {
			return {};
		},
		props: {
			show: {
				type: Boolean,
				default: false //是否显示
			}
		},
		methods: {
			goLogin(){
				this.$emit('login')
			}
		}
	}
</script>
<style lang="scss" scoped>
	.button1 {
		width: 600rpx;
		height: 88rpx;
		font-weight: bold;
		font-size: 30rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
		background: linear-gradient(135deg, #FE93BF 0%, #A27AFF 100%);
		border-radius: 42rpx;
		bottom: 200rpx;
	}

	.contentBox {
		width: 90vw;
		min-height: 440rpx;
		box-sizing: border-box;
		padding: 38rpx 44rpx 82rpx;
		box-shadow: 0rpx 4rpx 32rpx 0rpx #FFF0FD;
		border-radius: 32rpx;
		background: linear-gradient(180deg, #FFDAF5 0%, #FFFFFF 20%);
		position: relative;

		.popup-close {
			position: absolute;
			right: 0;
			top: -120rpx;
			width: 88rpx;
			height: 88rpx;
		}

		.popup-title {
			font-weight: 600;
			font-size: 44rpx;
			color: #323334;
			margin-bottom: 50rpx;
			text-align: center;
		}
	}
</style>